<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- normalize 引入 -->
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="fonts/iconfont.css">
    <!-- index 引入 -->
    <link rel="stylesheet" href="css/store.css">
    <!-- rem.js 引入 -->
    <script src="js/rem.js"></script>
</head>

<body>
    <!-- 页头 -->
    <div id="header">
        <ul>
            <li class="search">
                <div class="icon"><span class="iconfont icon-sousuo"></span></div>
                <div><input type="text" placeholder="搜索 药物 症状 品牌"></div>
            </li>
        </ul>
    </div>
    <!-- 主体 -->
    <div id="main">
        <!-- 轮播区 -->
        <div id="banner">
            <a href="#"><img src="images/stor_banner_02.png" alt=""></a>
        </div>
        <!-- 热门活动 -->
        <div id="hotAction">
            <a href="#">
                <span class="iconfont icon-qiapian"></span>
                <span>热门活动</span>
            </a>
            <a href="#">
                <span class="iconfont icon-sousuo"></span>
                <span>快速找药</span>
            </a>
            <a href="#">
                <span class="iconfont icon-wode1"></span>
                <span>药师指导</span>
            </a>
            <a href="#">
                <span class="iconfont icon-huiyuanzhongxin"></span>
                <span>会员活动</span>
            </a>
            <a href="#">
                <span class="iconfont icon-lunchuan"></span>
                <span>海外药房</span>
            </a>
        </div>
        <!-- 公告区 -->
        <div id="ad">
            <a href="#"><img src="images/stor_banner_04.png" alt=""></a>
        </div>
        <!-- 用药区 -->
        <div id="phar">
            <div>
                <a href="#">
                    <img src="images/store_1_07.png" alt="">
                    <span>男科用药</span>
                    <span>硬对自如</span>
                </a>
                <a href="#">
                    <img src="images/store_1_09.png" alt="">
                    <span>妇科用药</span>
                    <span>女人如花</span>
                </a>
                <a href="#">
                    <img src="images/store_1_11.png" alt="">
                    <span>性福生活</span>
                    <span>有情有趣</span>
                </a>
                <a href="#">
                    <img src="images/store_1_13.png" alt="">
                    <span>皮肤用药</span>
                    <span>杀菌止痒</span>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/store_1_19.png" alt="">
                    <span>养生花茶</span>
                    <span>美容美颜</span>
                </a>
                <a href="#">
                    <img src="images/store_1_20.png" alt="">
                    <span>营养保健</span>
                    <span>增强免疫</span>
                </a>
                <a href="#">
                    <img src="images/store_1_21.png" alt="">
                    <span>个人护理</span>
                    <span>美丽肌肤</span>
                </a>
                <a href="#">
                    <img src="images/store_1_22.png" alt="">
                    <span>儿童用药</span>
                    <span>健康成长</span>
                </a>
            </div>
        </div>
        <!-- 上线了 -->
        <div id="online">
            <a href="#">叮当上线了，消费1元获得1叮当币，可兑换优惠券，详戳 <span class="iconfont icon-xiaoyu-copy"></span></a>
        </div>
    </div>
    <!-- 页脚 -->
    <div id="footer">
        <ul>
            <li>
                <div><span class="iconfont icon-shouye"></span></div>
                <div><a href="index.html">首页</a></div>
            </li>
            <li>
                <div><span class="iconfont icon-yao-2"></span></div>
                <div><a href="store.html">叮当商城</a></div>
            </li>
            <li>
                <div><span class="iconfont icon-gouwuche"></span></div>
                <div><a href="#">清单列表</a></div>
            </li>
            <li>
                <div><span class="iconfont icon-wode"></span></div>
                <div><a href="mine.html">我的</a></div>
            </li>
        </ul>
    </div>
</body>

</html>